<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/app.css" />

</head>

<body>

    <div>

        <div  class="backHeader"><img  src="img/back_white.png">
            <span >香港慈善</span>
            <div >
                <img  src="img/icon_mytouzhu.png"
                    class="icon_mytouzhu">
                <img  src="img/icon_caizhong.png"
                    class="icon_caizhong">
            </div>
        </div>

        <div class="buy_bg">
            <div class="wanfa_bg border_left"></div>
        </div>

        <!-- 开奖结果 和 时间  -->
        <div class="tabs">

            <!-- 开奖结果 -->
            <div class="lottery_result">

                <p class="tabs-title">2018118期开奖结果 </p>

                <ul>
                    <li class="red">45<p>虎</p>
                    </li>
                    <li class="red">07<p>龙</p>
                    </li>
                    <li class="gre">11<p>鼠</p>
                    </li>
                    <li class="red">19<p>龙</p>
                    </li>
                    <li class="red">46<p>牛</p>
                    </li>
                    <li class="gre">32<p>兔</p>
                    </li>
                    <li class="symbol">+</li>
                    <li class="blue">37<p>狗</p>
                    </li>
                </ul>

            </div>

            <!-- 倒计时 -->
            <div class="lottery_countdown">

                距2018119期
                <br>
                截止

                <p>
                    <span class="num">0</span>
                    <i>:</i>
                    <span class="num">0</span>
                    <i>:</i>
                    <span class="num">0</span>
                </p>

            </div>

        </div>

        <div class="xuanma_wanfa">
            <div class="swiper-container swiper-container-vertical swiper-container-ios">
                <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
                </div>
            </div>
        </div>

        <div class="wanfa_btn border_left">
            <span></span>
            <!-- <img  src="http://resourcenanfang.baiycdn.com/static/image/icon_wanfa.png"> -->
        </div>

        <ul class="xuanma_btns">
            <li class="border_bottom border_left small">
                <div class="border_top border_left">
                    <span class="num red">01</span>48.612
                </div>
            </li>

        </ul>

        <div class="bottom_menu">
            <div class="btn_clear"><img src="http://resourcenanfang.baiycdn.com/static/image/icon_delete.png">
                <p>清空</p>
            </div>
            <div class="info">
                共<span>0</span>注,<span>0</span>元
            </div>
            <div class="btn_touzhu">马上投注</div>
        </div>

        <div class="money_input ">
            每注金额<input type="number" pattern="[0-9]*" placeholder="请输入金额">元
        </div>

        <div id="myalert">
            <div class="tire"></div>
            <div class="alert_tip">
                <div class="alert_title">提示</div>
                <p class="alert_text">请先填写投注金额</p>
                <div class="alert_bottom"><span >知道了</span></div>
            </div>
        </div>

    </div>

    <script src="./js/jq.js"></script>
    <script src="./js/AjaxData.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./js/app.js"></script>

</body>

</html>